<template>
  <div id="app">
    <my-main></my-main>
    <my-tab :tab="arr"></my-tab>
  </div>
</template>

<style lang="scss">
#app {
  height: 100%;
  overflow: hidden;
}
</style>
<script>
import myMain from "./views/home/main";
import myTab from "./components/tab/tab";
export default {
  components: {
    myMain,
    myTab,
  },
  data() {
    return {
      arr: [
        { name: "全部", icon: "iconfont icon-shouye" },
        { name: "分类", icon: "iconfont icon-fenlei1" },
        { name: "购物车", icon: "iconfont icon-gouwuchekong" },
        { name: "个人", icon: "iconfont icon-huabanfuben"},
      ],
    };
  },
};
</script>
